.cattext {font-family: 'Judson', serif; font-size: 35px; line-height: 15px; text-align: center; text-transform: uppercase; }
.catbg {font-family: 'Judson', serif; font-size: 35px; line-height: 15px; text-align: center; text-transform: uppercase; }

body { background-position: center center; }

::-webkit-scrollbar {
width: 10px; }
 
::-webkit-scrollbar-track {
background-color: #c0c0c0;}
 
::-webkit-scrollbar-thumb {
background-color: #717171;}

.logo {
background-image: url(http://i.imgur.com/YuEcp.png); 
height: 270px;
width: 320px;}

forminput, select, textarea, codebuttons, checkbox, input {
line-height: 100%;
font-size: 10px;
font-family: tahoma;
vertical-align: middle;
border-radius: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color: #ddddde;
padding: 3px;
color: #000000;
border: 1px solid #ddddde;}

select:hover, input:hover {
line-height: 100%;
font-size: 10px;
font-family: tahoma;
vertical-align: middle;
border-radius: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background-color: #ddddde;
padding: 3px;
color: #000000;
border: 1px solid #ddddde;}

#menu_div {
font: bold 10px georgia; 
text-transform: uppercase;
padding: 5px;
text-align: right;}

#menu_div a, .menu_div a:visited, .menu_div a:active {
font: bold 10px georgia; 
text-transform: uppercase;
padding: 5px;
text-align: right;}

A:Link, A:visited, .nav, .nav:visited {
text-transform: uppercase;
text-decoration: none;}

A:hover, .nav:hover {
text-transform: uppercase;
text-decoration: none;}

.poster{
font: 10px courier new; 
text-transform: lowercase; 
text-align: right; 
color: c0c0c0; 
margin-bottom: -40px;}

.bar {
background-color: #b6b6b6; 
height: 15px; 
padding-bottom: 4px; }

.count {
background-color: #000000; 
height: 15px; 
font: 13px 'Oswald', sans-serif; 
color: #c0c0c0; 
text-align: center;  
padding: 3px;}

.desc {
text-align: justify; 
font: 10px tahoma; 
padding: 10px; 
border-bottom: 8px #b6b6b6 double; }

.subs {
font: 12px courier new; 
text-transform: uppercase; 
text-align: right; 
color: c0c0c0; }

.boxtitle {
border-left: 150px solid #b6b6b6; 
background-color: #000000; 
font: 20px 'Oswald', sans-serif; 
color: #c0c0c0; 
text-align: 
center: padding: 5px; 
text-transform: uppercase; }

.boxcontent1 {
border-bottom: 8px #b6b6b6 double; 
text-align: justify; 
font-family: 10px tahoma; 
padding: 10px; }

.staffer { 
position: relative; 
width: 40px; 
height: 40px; 
background-color: #b6b6b6; }

.staffer img {
position: absolute; 
opacity: 1; 
position: absolute; 
top: 0; 
left: 0; 
z-index: 4;
-webkit-transition: 0.6s; 
-moz-transition: 0.6s; 
-o-transition: 0.6s; 
transition: 0.6s; }

.staffer img:hover { 
opacity: 0; }

.staffname{  
letter-spacing: -2px;
position: absolute;
font: 11px courier new; 
text-transform: uppercase; 
width: 40px;
height: 40px; 
text-align: center; 
color: #000000;
position: absolute; 
top: 0; 
right: 0; 
margin-top: 12px;
margin-right: 2px;}

.h0 {
font-family: small fonts;
font-size: 6.5px;
letter-spacing: 2px;
text-align: right;
text-transform: uppercase;}

.nav{ 
height: 25px; 
overflow: hidden; }

.nav:hover {
height: 150px;
-webkit-transition: 0.6s; 
-moz-transition: 0.6s; 
-o-transition: 0.6s; 
transition: 0.6s; }

.boxheader {
font: 20px georgia; 
color: #ddddde; 
text-transform: uppercase; 
letter-spacing: 1px; 
padding-bottom: 4px;
margin-bottom: 10px; }

.table {
background-color: #575757; 
padding: 10px; 
border-top: 10px solid #b6b6b6; 
border-bottom: 10px solid #b6b6b6; }

.montitle{
background-color: #000000; 
height: 15px; 
font: 13px 'Oswald', sans-serif; 
color: #c0c0c0; 
text-align: center; 
text-transform: uppercase;}

.h1 {
font: 25px bold 'Oswald', sans-serif; 
text-align: left; 
padding-left: 10px;
text-transform: uppercase; 
color: #000000; }

.static {
padding: 10px;
border-bottom: 8px #b6b6b6 double; }

.scroll {
padding: 10px;
height: 74px;
overflow: auto;
border-bottom: 8px #b6b6b6 double; }

.achiev {
width: 500px;
height: 52px;
overflow: auto;
text-align: center;
background-image: url(http://i49.tinypic.com/1248ug1.png);
padding-top: 5px;
padding-bottom: 5px; }

.group1:link, .group1:visited, .group1:hover {
color: #471a52;
text-transform: uppercase;
font: 11px courier new;}

.group2:link, .group2:visited, .group2:hover {
color: #203f1f;
text-transform: uppercase;
font: 11px courier new;}

.group3:link, .group3:visited, .group3:hover {
color: #afc371;
text-transform: uppercase;
font: 11px courier new;}

.group4:link, .group4:visited, .group4:hover {
color: #d2bd48;
text-transform: uppercase;
font: 11px courier new;}

.group5:link, .group5:visited, .group5:hover {
color: #8ba2eb;
text-transform: uppercase;
font: 11px courier new;}

.group6:link, .group6:visited, .group6:hover {
color: #eb8b8b;
text-transform: uppercase;
font: 11px courier new;}

.group7:link, .group7:visited, .group7:hover {
color: #bec99a;
text-transform: uppercase;
font: 11px courier new;}

.profile {
margin: 5px; 
padding: 5px; 
border-top: 10px solid #292929; 
border-bottom: 5px solid #292929; 
border-left: 1px solid #292929; 
border-right: 1px solid #292929; 
background-color: #565656; 
font: 10px arial; 
text-align: center; 
color: #000000;}

.avatar2 {
text-align: center;
padding: 5px;
margin-top: 10px;}

.rank {
font-size: 25px; 
font-family: times new roman; 
text-transform: lowercase; 
letter-spacing: -2px; 
color: #000000; 
font-style: italic;}

.h2 {
padding: 5px;
border: 1px solid #292929;
color: #000000;}